<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>正则表达式命名捕获分组</title>
  </head>
  <body>
    <script>
      /* // 不使用分组
      // 声明一个字符串
      let str = '<a href="http://www.atguigu.com">尚硅谷</a>';
      // 提取 url和标签文本 正则匹配
      const reg = /<a href="(.*)">(.*)<\/a>/;
      // 执行
      const result = reg.exec(str);
      console.log(result); // 通过下标获取数据
      console.log(result[1]); //url
      console.log(result[2]); //文本 */

      // 使用分组
      let str = '<a href="http://www.atguigu.com">尚硅谷</a>';
      // 进行分组
      const reg = /<a href="(?<url>.*)">(?<text>.*)<\/a>/;
      const result = reg.exec(str);
      console.log(result.groups);
      console.log(result.groups.url, result.groups.text);
    </script>
  </body>
</html>
